﻿@{
    ViewBag.WebTitle = "充值";
}
@section Header {
   <style>
       .smbtna {
           color:#1F8FFF;
       }
       .tnsvae:after 
       {
           width: 9rem;
           height: 35px;
           border-radius: 10px;
           background: #fff;
       }
       .tnsvae:hover {
           background-color: #3e8e41;
       }
       .mask 
       {
           width: 100%;
           height: 100%;
           position: absolute;
           z-index: 999;
           margin-top: -5rem;
           background: rgba(0,0,0,0.8);
       }
       .disblock{
           display:block;
       }
       .maskul {
           max-width: 888px;
           width: 100%;
           bottom: 0;
           position: absolute;
           height: 110px;
           z-index: 9999;
           background: #fff;
       }
           .maskul li {
               margin: 0 auto;
               text-align: center;
               height: 55px;
               line-height: 49px;
               color: #06bf04;
              
               border-bottom: 1px solid #e5e5e5;
           }
   </style>

}
<header class="mui-bar mui-bar-nav" style="background-color:#fff;">
    <span class="layui-icon layui-hu" onclick="history.go(-1)">&#xe603;</span>
    <h1 class="mui-title">充值</h1>
</header>
<div class="mui-content">
    <div class="mui-row">
        <div class="mui-col-sm-4">
             <input type="text" class="mui-smbtext" style="  width: 3rem;
           margin: .8rem 2rem 2rem 3rem;
           margin-left: 3rem;height:.6rem;border-radius: 10px;border: 1px solid #1F8FFF;" placeholder="充值金额">
        </div>
    </div>
    <div class="mui-row">
        <div class="mui-col-sm-12">
            <button type="button"  style="width: 9rem;
           height: 35px;
           border-radius: 10px;
           position: fixed;
           bottom: 126px;
           background: #1F8FFF;
           color: #fff;
           margin: 0rem 0rem 0rem .5rem;" class="tnsvae mui-table-view-cell" id="btnsve">提交</button>
        </div>
    </div>

</div>
<div class="mask" style="display:none">
    <ul class="maskul">
        <li type="0">微信</li>
        <li type="1">支付宝</li>
    </ul>
</div>
@section Scripts{
<script>
    $(".fixed-footer a").siblings().removeClass("mui-active");
    $(".fixed-footer a:eq(2)").addClass("mui-active");
    $("#btnsve").click(function () {
        if ($(".mask").css("display") == "block") {
            $(".mask").css("display", "none");
        }
        else
        {

            $(".mask").css("display", "block");
        }
    });
    $(".mask li").click(function () {
       /* $(".mask").css("display", "none");
        $(".loading").removeClass("loader-chanage");
        $(".loading").css("display", "block");*/
    });
</script>
}
